<template>
    <div>
        <div class="title"><h1>商品列表</h1></div>
        <ShopList :list="list"></ShopList>
      
    </div>
</template>
<script>
import ShopList  from "../../components/list/zhuguanList.vue"
 import TabGroup from "../../components/currency/tab/tab.vue";
export default {
    name:"list",
    components:{
        ShopList
    },
    data(){
        return{
            list:[],
        }
    },
    created(){
        this.getList()
    },
    methods:{
        getList:async function(){
            var url='/api/admin/integral/goods/GetList'
            var param = {
                page:0,
                list_rows:4
            }
            this.$util.postRequestInterface(url, param, (res) => {
                console.log(res)
                this.list=res.data.data
            })
        }
    }
}
</script>

<style lang="scss" scoped>
    *{
        min-width: 1000px;
    }
    .title{
        width: 100%;
        text-align: center;
        h1{
            display: inline-block;
        }
    }
     .button-group {
        padding: 0.5rem 0rem;
        position: fixed;
        width: 100;
        left: 0rem;
        right: 0rem;
        bottom: 0;
        z-index: 1;
        display: flex;
        box-shadow:0 -.1rem 0 0 rgba(221,221,221,1);
        background: #ffffff;

        li {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;

            img {
                width: 20%;
                /*height: 2.5rem;*/
            }

            p {
                margin: 0rem;
                padding: 0rem;
                flex: 0 0 100%;
                text-align: center;
                font-size: 1.2rem;
                color: #999999;
            }
            .selectP{
                color: #00CC00;
            }

            p:last-child {
                margin-top: 0.2rem;
            }
        }
    }

    .fix-location {
        position: relative;
        right: -3px;
    }
</style>

